<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仿小米官网</title>
    <link rel="stylesheet" href="xiaomi.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class="wai">
    <div class="toubu">
        <ul class="dingzou">
            <li><a href="https://www.mi.com/index.html">小米商城</a></li>
            <li><a href="https://home.miui.com/" target="_black">&nbsp;丨MIUI</a></li>
            <li><a href="https://iot.mi.com/" target="_black">&nbsp;丨loT</a></li>
            <li><a href="https://i.mi.com/" target="_black">&nbsp;丨云服务</a></li>
            <li><a href="https://airstar.com/home" target="_black">&nbsp;丨天星数科</a></li>
            <li><a href="https://www.xiaomiyoupin.com/" target="_black">&nbsp;丨有品</a></li>
            <li><a href="https://xiaoai.mi.com/"target="_black">&nbsp;丨小爱平台</a></li>
            <li><a href="https://qiye.mi.com/" target="_black">&nbsp;丨企业团购</a></li>
            <li><a href="https://www.mi.com/aptitude/list?id=88" target="_black">&nbsp;丨资质证照</a></li>
            <li><a href="https://www.mi.com/aptitude/list" target="_black">&nbsp;丨协议规则</a></li>
            <li><a href="https://www.mi.com/appdownload"target="_black">&nbsp;丨下载app</a>
            <span class="toubuer"><img src="./小米/二维.png" width="125px" height="145px"></span>
            </li>
            <li><a href="#">&nbsp;丨SelectLocation</a></li>
        </ul>
        <ul class="dingyou">
            <li><a href="#">登录</a></li>
            <li><a href="#">&nbsp;丨注册</a></li>
            <li><a href="#">&nbsp;丨消息通知</a></li>
            <div class="gowuche">
                <span>购物车(0)
                    <ul class="erjitoubu">
                        <li>购物车中还没有商品，赶紧选购吧！</li>
                    </ul>
                </span>
            </div>
        </ul>
    </div>
    <div class="xuanfudaohang">
            <div class="xuanfu1"><a href="#">手机APP</a>
            <span class="erjimi"><img src="./小米/1.png" width="100px"></span>
            </div>
            <div class="xuanfu2"><a href="#">个人中心</a></div>
            <div class="xuanfu3"><a href="#">售后服务</a></div>
            <div class="xuanfu4"><a href="#">人工客服</a></div>
            <div class="xuanfu5"><a href="#">购物车</a></div>
    </div>
    <div class="huiding">
        <p><a href="#top">回顶部</a></p>
    </div>
    <div class="zhunei">
        
        <div class="mitubiao"><img src="./小米/logo-mi2.png" width="60px"></div>
        <div class="dingzhong">
        <div>
            <ul class="wewe">
                <li><a href="#">Xiami手机</a>
                <div class="xiaomi">
                    <div class="xiaomipro">
                      <img src="./小米/www.png" width="180px" height="180px">  
                    </div>
                    <div class="xiaomipro">
                        <img src="./小米/www.png" width="180px" height="180px">
                    </div>
                    <div class="xiaomipro">
                        <img src="./小米/www.png" width="180px" height="180px">
                    </div>
                    <div class="xiaomipro">
                        <img src="./小米/www.png" width="180px" height="180px">
                    </div>
                    <div class="xiaomipro">
                        <img src="./小米/www.png" width="180px" height="180px">
                    </div>
                    <div class="xiaomipr">
                        <img src="./小米/www.png" width="180px" height="180px">
                    </div>  
                </div>
                </li>
                </ul>
                <ul class="hongmi">
                <li><a href="#">Redmi</a>
                    <div class="xiaomi">
                        <div class="xiaomipro">
                          <img src="./小米/www4.png" width="220px" height="180px">  
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www4.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www4.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www4.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www4.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipr">
                            <img src="./小米/www4.png" width="180px" height="180px">
                        </div>  
                    </div>
                </li>
                </ul>
                <ul class="dianshi">
                <li><a href="#">电视</a>
                    <div class="xiaomi">
                        <div class="xiaomipro">
                          <img src="./小米/www5.png" width="220px" height="180px">  
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www5.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www5.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www5.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www5.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipr">
                            <img src="./小米/www5.png" width="180px" height="180px">
                        </div>  
                    </div>
                </li>
                </ul>
                <ul class="bijiben">
                <li><a href="#">笔记本</a>
                    <div class="xiaomi">
                        <div class="xiaomipro">
                          <img src="./小米/www6.png" width="220px" height="180px">  
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www6.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www6.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www6.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www6.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipr">
                            <img src="./小米/www6.png" width="180px" height="180px">
                        </div>  
                    </div>
                </li>
                </ul>
                <ul class="pingban">
                <li><a href="#">平板</a>
                    <div class="xiaomi">
                        <div class="xiaomipro">
                          <img src="./小米/www7.png" width="220px" height="180px">  
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www7.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www7.png" width="180px" height="180px">
                        </div>
                    </div>
                </li>
                </ul>
                <ul class="jiadian">
                <li><a href="#">家电</a>
                    <div class="xiaomi">
                        <div class="xiaomipro">
                          <img src="./小米/www8.png" width="220px" height="180px">  
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www8.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www8.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www8.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www8.png" width="180px" height="180px">
                        </div>
                    </div>
                </li>
                </ul>
                <ul class="luyouqi">
                <li><a href="#">路由器</a>
                    <div class="xiaomi">
                        <div class="xiaomipro">
                          <img src="./小米/www9.png" width="220px" height="180px">  
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www9.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www9.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www9.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www9.png" width="180px" height="180px">
                        </div>
                        <div class="xiaomipro">
                            <img src="./小米/www9.png" width="180px" height="180px">
                        </div>
                    </div>
                </li>
                </ul>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
        </div>
        <div class="Search">
            <form action="#">
                <input type="text">
            <div class="magnifier"></div>
            <span class="iconfont icon-Magnifier"></span>
        </form>
        </div>
        <div class="zhuzuo">
            <ul class="zhuzuodao">
                <ul class="bibi">
                <li><span>手机<p class="dayuhao"></p></span>
                    <div class="daoyuer">
                        <div class="daoyuyi">
                            <ul>
                                <li>
                                    <img src="./小米/k1.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/aa.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ss.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/dd.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ff.png" width="166px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/xx.png" width="180px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/zz.png " width="160px" height="60px">
                                </li>
                            </ul>
                        </div>
                        <div class="daoyuyi">
                            <ul>
                                <li>
                                    <img src="./小米/k1.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/aa.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ss.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/dd.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ff.png" width="166px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/xx.png" width="180px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/zz.png " width="160px" height="60px">
                                </li>
                            </ul>
                        </div>
                        <div class="daoyuyi">
                            <ul>
                                <li>
                                    <img src="./小米/k1.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/aa.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ss.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/dd.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ff.png" width="166px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/xx.png" width="180px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/zz.png " width="160px" height="60px">
                                </li>
                            </ul>
                        </div>
                        <div class="daoyuyi">
                            <ul>
                                <li>
                                    <img src="./小米/k1.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/aa.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ss.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/dd.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ff.png" width="166px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/xx.png" width="180px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/zz.png " width="160px" height="60px">
                                </li>
                            </ul>
                        </div>
                        <div class="daoyuyi">
                            <ul>
                                <li>
                                    <img src="./小米/k1.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/aa.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ss.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/dd.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ff.png" width="166px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/xx.png" width="180px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/zz.png " width="160px" height="60px">
                                </li>
                            </ul>
                        </div>
                        <div class="daoyuyi">
                            <ul>
                                <li>
                                    <img src="./小米/k1.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/aa.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ss.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/dd.png" width="160px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/ff.png" width="166px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/xx.png" width="180px" height="60px">
                                </li>
                                <li>
                                    <img src="./小米/zz.png " width="160px" height="60px">
                                </li>
                            </ul>
                        </div>
                        <div class="daoyuyi">
                            <ul>
                                <li>
                                    <img src="./小米/k1.png" width="160px" height="69px">
                                </li>
                                <li>
                                    <img src="./小米/aa.png" width="160px" height="69px">
                                </li>
                                <li>
                                    <img src="./小米/ss.png" width="160px" height="69px">
                                </li>
                                <li>
                                    <img src="./小米/dd.png" width="160px" height="69px">
                                </li>
                                <li>
                                    <img src="./小米/ff.png" width="166px" height="69px">
                                </li>
                                <li>
                                    <img src="./小米/xx.png" width="180px" height="69px">
                                </li>
                                <li>
                                    <img src="./小米/zz.png " width="160px" height="69px">
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                </ul>
                <ul class="bibi">
                <li><span>电视</span><p class="dayuhao"></p></li>
                </ul>
                <ul class="bibi">
                <li><span>笔记本平板<p class="dayuhao"></p></span></li>
                </ul>
                <ul class="bibi">
                <li><span>家电<p class="dayuhao"></p></span></li>
                </ul>
                <ul class="bibi">
                <li><span>出行穿戴<p class="dayuhao"></p></span></li>
                </ul>
                <ul class="bibi">
                <li><span>智能路由器<p class="dayuhao"></p></span></li>
                </ul>
                <ul class="bibi">
                <li><span> 电源配件<p class="dayuhao"></p></span></li>
                </ul>
                <ul class="bibi">
                <li><span>健康儿童<p class="dayuhao"></p></span></li>
                </ul>
                <ul class="bibi">
                <li><span>耳机<p class="dayuhao"></p></span></li>
                </ul>
                <ul class="bibi">
                <li><span>生活箱包<p class="dayuhao"></p></span></li>
                </ul>
            </ul>
        </div>
        <div class="zhuyou">
        </div>
        <div class="zhuxia">
            <div class="zhongzuo">
             <div class="zhongzuoa">
                 <span>保障服务</span>
             </div>
             <div class="zhongzuos">
                 <span>企业团购</span>
             </div>
             <div class="zhongzuod">
                 <span>F码通道</span>
             </div>
             <div class="zhongzuoz">
                 <span>米粉卡</span>
             </div>
             <div class="zhongzuox">
                 <span>以旧换新</span>
             </div>
             <div class="zhongzuoc">
                 <span>话费充值</span>
             </div>
            </div>
            <div class="zhongyou">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d8a6d6d37904e22c72130e3e4ec79b41.jpg?w=632&h=340" width="350px" height="200px">
            </div>
            <div class="zhongyouer">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bdb0b3ff4e73fe2a6bf2f8fd399015e.png?w=632&h=340" width="350px" height="200px">
            </div>
            <div class="zhongyousan">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35b3f906861db9d6472206e6d68318d9.jpeg?w=632&h=340" width="350px" height="200px">
            </div>
        </div>
        <div class="zhutu">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/16b16947a55037cf1a26eab14a6875b7.jpg?thumb=1&w=1226&h=120&f=webp&q=90" width="1451px" height="150px">
        </div>
        <div class="chakangengduo">
            <span>手机</span>
            <span class="gengduo">查看更多>&nbsp;&nbsp;&nbsp;&nbsp;</span>
        </div>
        <div class="mix">
            <div class="zhedie"></div>
            <div class="redmik50"></div>
            <div class="xiaomi12pro"></div>
            <div class="xiaomi12"></div>
            <div class="xiaomi12x"></div>
            <div class="xiaomi11"></div>
            <div class="redminote11pro"></div>
            <div class="redminote115g"></div>
            <div class="redminote114g"></div>
        </div>
        <br>
        <div class="chakangengduo">
            <span>智能穿戴</span>
            <span class="remen">热门&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>穿戴</span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
        </div>
        <div class="mix">
            <div class="xiaomiwatch"></div>
            <div class="redmibiao"></div>
            <div class="redmibiao2"></div>
            <div class="redmibiao3"></div>
            <div class="redmibiao4"></div>
            <div class="redmibiao5"></div>
            <div class="redmibiao6"></div>
            <div class="redmibiao7"></div>
            <div class="redmibiao8"></div>
        </div>
        <div class="yuyue">
            <li><a href="#"><p class="banshou">&nbsp;&nbsp;&nbsp;&nbsp;预约维修服务<p></a></li>
            <li><a href="#"><p class="qitainwu">&nbsp;&nbsp;&nbsp;&nbsp;7天无理由退货</p></a></li>
            <li><a href="#"><p class="shiwutian">&nbsp;&nbsp;&nbsp;&nbsp;15天免费换货</p></a></li>
            <li><a href="#"><p class="lihe">&nbsp;&nbsp;&nbsp;&nbsp;满69包邮</p></a></li>
            <li id="dafeige"><a href="#"><p class="weizhi">&nbsp;&nbsp;&nbsp;&nbsp;520余家售后网点</a></li>
        </div>
        <div class="bangzhuzhongxin">
            <ol>帮助中心
                <li>账户管理</li>
                <li>购物指南</li>
                <li>订单操作</li>
            </ol>
            <ol>服务支持
                <li>售后政策</li>
                <li>自助服务</li>
                <li>相关下载</li>
            </ol>
            <ol>线下门店
                <li>小米之家</li>
                <li>服务网点</li>
                <li>授权体验店/专区</li>
            </ol>
            <ol>关于小米
                <li>了解小米</li>
                <li>加入小米</li>
                <li>投资者关系</li>
                <li>企业社会责任</li>
                <li>廉洁举报</li>
            </ol>
            <ol>关注我们
                <li>新浪微博</li>
                <li>官方微信</li>
                <li>联系我们</li>
                <li>公益基金会</li>
            </ol>
            <ol>特色服务
                <li>F 码通道</li>
                <li>礼物码</li>
                <li>防伪查询</li>
            </ol>
        </div>
        <div class="rengongkefu">
            <h2>400-100-5678</h2>
            <span>8:00-18:00（仅收市话费）</span>
            <div class="kefukaung"><p>人工客服</p></div>
            <div class="guanzhu">关注小米： 
            <span class="xinlanger"><img src="./小米/xinlangweibo.png" width="20px" height="18px" class="img3">
                <img src="./小米/xinlangweibo1.png" width="20px" height="18px" class="img2"> 
            </span>
            <span class="weierzi">
                <img src="./小米/weixin.png" width="20px" height="20px" class="weixin"> 
                <img src="./小米/weixin (1).png" width="20px" height="20px" class="weixin1">
                <div class="dibuerwei">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx-img.png" width="155px" height="100px">
                </div>
            </span>         
            </div>
        </div>
    </div>
</div>
</body>
</html> 